<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup : Get Nutz</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="./css/responsive-utilities.less">
<link rel="stylesheet/less" type="text/css" href="./css/makahiki-structure.less">
<link rel="stylesheet" href="./global_css/screen.css">
<link rel="stylesheet" href="./activities_files/view_activities.css">
<link rel="stylesheet/less" type="text/css" href="./global_css/theme.less">

<script src="js/less-1.3.0.min.js" type="text/javascript"></script>
</head>

<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17 overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17 overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of 20.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39 Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>

    <!-- Navbar
    ================================================== -->
    <div class="navbar container">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png" alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>

                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html" class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html" class="activities"> <img
                                src="./images/spacer-54.png"> Get Nutz
                        </a></li>
                        <li class=""><a href="energy.html" class="energy"> <img
                                src="./images/spacer-54.png"> Go Low
                        </a></li>
                        <li class=""><a href="water.html" class="water"><img
                                src="./images/spacer-54.png"> Water</a></li>
                        <li class=""><a href="news.html" class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html" class="advanced"><img
                                src="./images/spacer-54.png"> Advanced</a></li>
                        <li class=""><a href="prizes.html" class="prizes"> <img
                                src="./images/spacer-54.png"> Prizes
                        </a></li>
                        <li class=""><a href="profile.html" class="profile"> <img
                                src="./images/spacer-54.png"> Profile
                        </a></li>
                        <li class=""><a href="help.html" class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!-- Quest box
    ================================================== -->
    <div id="quest-box" class="content container hidden-phone" style="clear: both">
        <div id="quest-header">
            <h3 id="quest-title">Your Quests</h3>
            <a href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#" style="float: right">
                <img src="./images/icon-help-sm.png" width="20" align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;">
            </a>
        </div>
        <div class="accordion" id="accordion2">
            <ul id="quest-list">
                <li><div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
                                Get social</a>
                        </div>
                        <div id="collapseOne" class="accordion-body collapse">
                            <div class="accordion-inner">Lorem ipsum dolor sit amet,
                                consectetur adipiscing elit. Duis risus ipsum, cursus id tempus a,
                                vestibulum id libero. Nullam sagittis metus sit amet metus interdum
                                varius. In hac habitasse platea dictumst. Fusce placerat
                                sollicitudin arcu eu tempus. Nullam ac metus non massa pulvinar
                                auctor sit amet eu quam. Etiam feugiat quam auctor massa vehicula
                                sit amet sollicitudin diam auctor. Etiam quis augue quam.
                                Pellentesque vitae lorem lorem, id pretium sem.</div>
                        </div>
                    </div></li>
                <li>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">
                                Get the Fully Committed badge </a>
                        </div>
                        <div id="collapseTwo" class="accordion-body collapse">
                            <div class="accordion-inner">Morbi ut quam nisl. Curabitur eu
                                neque sed quam facilisis tincidunt. Nunc ut quam elit. Nam tellus
                                dui, vehicula quis hendrerit vitae, sollicitudin quis diam. Class
                                aptent taciti sociosqu ad litora torquent per conubia nostra, per
                                inceptos himenaeos. Sed tempus laoreet vehicula. Ut pulvinar
                                vehicula pharetra. Phasellus pulvinar, elit nec fermentum eleifend,
                                leo nisi luctus nibh, eget pretium nulla justo vel ipsum. Praesent
                                ac massa turpis. Morbi non ante ligula, vel tempor augue. Nullam
                                orci erat, vulputate nec hendrerit eu, mollis ac erat.</div>
                        </div>
                    </div>
                </li>
                <li><div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" href="#collapseThree"
                                rel="tooltip" title="first tooltip"> Check lounge energy use </a>
                        </div>
                        <div id="collapseThree" class="accordion-body collapse">
                            <div class="accordion-inner">
                                Morbi tempor, nunc at accumsan laoreet, ante erat elementum risus,
                                porttitor ullamcorper sapien risus sed turpis. Ut vulputate turpis
                                eget arcu porta ut imperdiet urna auctor. Sed ullamcorper, est sit
                                amet ullamcorper auctor, sem justo cursus erat, id cursus nulla
                                turpis non dui. Nulla id tortor vestibulum tortor interdum pretium.
                                Praesent lectus lectus, imperdiet id placerat ut, tempus ac augue.
                                Etiam id quam sit amet nisi ullamcorper sollicitudin non eget metus.
                                Suspendisse commodo massa in metus volutpat sagittis. Nulla eget
                                dignissim justo. Pellentesque habitant morbi tristique senectus et
                                netus et malesuada fames ac turpis egestas. Nulla vitae elit nunc,
                                quis condimentum dolor. Nullam lacinia dolor vitae nunc rhoncus
                                consequat. Proin ut quam orci, dictum ultrices lorem.
                                <p>
                                    <a class="btn" href="#">Or do this</a><a class="btn btn-danger"
                                        href="#">Take this action</a>
                            </div>
                        </div>
                    </div></li>
            </ul>
        </div>

        <!-- <script src="js/countdown.js" type="text/javascript"></script> -->

    </div>
    <!-- Collapsed Quest box
    ================================================== -->
    <div class="horizontalaccordion visible-phone">
        <ul>
            <li>
                <h3>Get social</h3>
                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis risus
                    ipsum, cursus id tempus a, vestibulum id libero. Nullam sagittis metus sit amet
                    metus interdum varius. In hac habitasse platea dictumst. Fusce placerat
                    sollicitudin arcu eu tempus. Nullam ac metus non massa pulvinar auctor sit amet
                    eu quam. Etiam feugiat quam auctor massa vehicula sit amet sollicitudin diam
                    auctor. Etiam quis augue quam. Pellentesque vitae lorem lorem, id pretium sem.</div>
            </li>
            <li>
                <h3>Get the Fully Committed badge</h3>
                <div>Morbi ut quam nisl. Curabitur eu neque sed quam facilisis tincidunt. Nunc
                    ut quam elit. Nam tellus dui, vehicula quis hendrerit vitae, sollicitudin quis
                    diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
                    inceptos himenaeos. Sed tempus laoreet vehicula. Ut pulvinar vehicula pharetra.
                    Phasellus pulvinar, elit nec fermentum eleifend, leo nisi luctus nibh, eget
                    pretium nulla justo vel ipsum. Praesent ac massa turpis. Morbi non ante ligula,
                    vel tempor augue. Nullam orci erat, vulputate nec hendrerit eu, mollis ac erat.
                </div>
            </li>
            <li>
                <h3>Check lounge energy use</h3>
                <div>
                    Morbi tempor, nunc at accumsan laoreet, ante erat elementum risus, porttitor
                    ullamcorper sapien risus sed turpis. Ut vulputate turpis eget arcu porta ut
                    imperdiet urna auctor. Sed ullamcorper, est sit amet ullamcorper auctor, sem
                    justo cursus erat, id cursus nulla turpis non dui. Nulla id tortor vestibulum
                    tortor interdum pretium. Praesent lectus lectus, imperdiet id placerat ut,
                    tempus ac augue. Etiam id quam sit amet nisi ullamcorper sollicitudin non eget
                    metus. Suspendisse commodo massa in metus volutpat sagittis. Nulla eget
                    dignissim justo. Pellentesque habitant morbi tristique senectus et netus et
                    malesuada fames ac turpis egestas. Nulla vitae elit nunc, quis condimentum
                    dolor. Nullam lacinia dolor vitae nunc rhoncus consequat. Proin ut quam orci,
                    dictum ultrices lorem.
                    <p>
                        <a class="btn" href="#">Or do this</a><a class="btn btn-danger" href="#">Take
                            this action</a>
                </div>
            </li>
        </ul>
    </div>
    <p></p>

    <script type="text/javascript">
      var endDate = new Date("Fri Aug 31 00:00:00 2012");
      var today = new Date();
      // Calculate the number of days in the difference.
      var hourDiff = (endDate - today) / (1000 * 60 * 60);
      if (hourDiff > 24) {
        $("#header-round-countdown").countdown({
          until: endDate,
          tickInterval: 60,
          layout: '(ends in {dn} {dl}, {hn} {hl}, and {mn} {ml})'
        });
      }
      else {
        if (hourDiff < 6) {
          $("#header-round-info").addClass("ending");
        }
        $("#header-round-countdown").countdown({
          until: endDate,
          layout: '(ends in {hn} {hl}, {mn} {ml}, and {sn} {sl})'
        });
      }
    </script>

    </div>

    <div class="container">


        <div id="activity-events-scoreboard">
            <div id="activity-events-box" class="content-box">
                <div id="activity-events-title" class="content-box-title">
                    Upcoming Events (Next 7 days) <a
                        href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                        style="float: right"> <img src="./activities_files/icon-help-sm.png"
                        width="20" align="center" title="Click to get help about this window"
                        onclick="toggleHelp(&#39;widget&#39;, &#39;upcoming-events&#39;); return false;"></a>
                </div>
                <div id="activity-events-content">


                    <table>
                        <thead>
                            <tr>
                                <th>Event</th>
                                <th>Date</th>
                                <th>Location</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td>No upcoming events</td>
                            </tr>



                        </tbody>
                    </table>
                    <p></p>
                    <form id="event-code-form"
                        action="http://dasha.ics.hawaii.edu:8200/activities/attend_code/"
                        method="post">
                        <div style="display: none">
                            <input type="hidden" name="csrfmiddlewaretoken"
                                value="a24f5c59567f2c177a6fd44ab2ab1de9">
                        </div>
                        <div id="event-code">
                            <b>Enter Attendance Code:</b> <input id="id_response" type="text"
                                name="response" size="12">

                            <button id="event-code-submit">Submit</button>

                        </div>
                        <br>
                        <div id="social_email" style="display: None;">
                            Optional Social Bonus Email: <input id="id_social_email" type="text"
                                name="social_email" value="Email" size="15">
                        </div>

                        <div id="event-code-errors" style="color: red; display: None"></div>
                    </form>


                </div>
            </div>

            <div id="activity-scoreboard-box" class="content-box">
                <div id="activity-scoreboard-title" class="content-box-title">
                    Overall Scoreboard <a
                        href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                        style="float: right"> <img src="./activities_files/icon-help-sm.png"
                        width="20" align="center" title="Click to get help about this window"
                        onclick="toggleHelp(&#39;widget&#39;, &#39;points-scoreboard&#39;); return false;"></a>
                </div>
                <div id="activity-scoreboard-content" style="position: relative; height: 253px;">


                    <table id="activities-scoreboard-table-floor"
                        style="width: 100%; position: absolute; top: 0px; left: 0px; z-index: 4; opacity: 0; display: none;">
                        <thead>
                            <tr>
                                <th style="width: 20px">Rank</th>
                                <th style="width: 150px">Lounge</th>
                                <th style="text-align: right;">Overall</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td>1</td>
                                <td style="width: 150px; font-weight: bold">Ilima: Lounge E</td>
                                <td style="width: 110px; text-align: right; font-weight: bold">
                                    1338</td>

                            </tr>
                            <tr>
                                <td>2</td>
                                <td style="width: 150px;">Mokihana: Lounge E</td>
                                <td style="width: 110px; text-align: right;">1295</td>

                            </tr>
                            <tr>
                                <td>3</td>
                                <td style="width: 150px;">Lehua: Lounge A</td>
                                <td style="width: 110px; text-align: right;">1285</td>

                            </tr>
                            <tr>
                                <td>4</td>
                                <td style="width: 150px;">Lokelani: Lounge E</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                            <tr>
                                <td>5</td>
                                <td style="width: 150px;">Lokelani: Lounge D</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                            <tr>
                                <td>6</td>
                                <td style="width: 150px;">Lokelani: Lounge C</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                            <tr>
                                <td>7</td>
                                <td style="width: 150px;">Lokelani: Lounge B</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                            <tr>
                                <td>8</td>
                                <td style="width: 150px;">Lokelani: Lounge A</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                            <tr>
                                <td>9</td>
                                <td style="width: 150px;">Mokihana: Lounge D</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                            <tr>
                                <td>10</td>
                                <td style="width: 150px;">Mokihana: Lounge C</td>
                                <td style="width: 110px; text-align: right;">1250</td>

                            </tr>
                        </tbody>
                    </table>

                    <table id="activities-scoreboard-table-profile"
                        style="position: absolute; z-index: 5; top: 0px; left: 0px; display: block; width: 342px; height: 253px; opacity: 1;">
                        <thead>
                            <tr>
                                <th>Rank</th>
                                <th>Individual</th>
                                <th style="text-align: right">Overall</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td>1</td>
                                <td style="width: 150px; font-weight: bold">&lt;george&gt;</td>
                                <td style="width: 110px; text-align: right; font-weight: bold">
                                    88</td>

                            </tr>
                            <tr>
                                <td>2</td>
                                <td style="width: 150px;">Robertinator</td>
                                <td style="width: 110px; text-align: right;">45</td>

                            </tr>
                            <tr>
                                <td>3</td>
                                <td style="width: 150px;">Yongwen X.</td>
                                <td style="width: 110px; text-align: right;">35</td>

                            </tr>
                            <tr>
                                <td>4</td>
                                <td style="width: 150px;">user1-474</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>5</td>
                                <td style="width: 150px;">user1-475</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>6</td>
                                <td style="width: 150px;">user1-476</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>7</td>
                                <td style="width: 150px;">user1-477</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>8</td>
                                <td style="width: 150px;">user1-478</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>9</td>
                                <td style="width: 150px;">user1-479</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>10</td>
                                <td style="width: 150px;">user1-480</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                        </tbody>
                    </table>

                    <table id="activities-scoreboard-table-floor-profile"
                        style="width: 100%; top: 0px; left: 0px; z-index: 2; position: absolute; opacity: 0; display: none;">
                        <thead>
                            <tr>
                                <th>Rank</th>
                                <th>Individual</th>
                                <th style="text-align: right">Ilima: Lounge E</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td>1</td>
                                <td style="width: 150px; font-weight: bold">&lt;george&gt;</td>
                                <td style="width: 110px; text-align: right; font-weight: bold">
                                    88</td>

                            </tr>
                            <tr>
                                <td>2</td>
                                <td style="width: 150px;">user1-489</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>3</td>
                                <td style="width: 150px;">user1-469</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>4</td>
                                <td style="width: 150px;">user1-449</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>5</td>
                                <td style="width: 150px;">user1-389</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>6</td>
                                <td style="width: 150px;">user1-409</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>7</td>
                                <td style="width: 150px;">user1-429</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>8</td>
                                <td style="width: 150px;">user1-369</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>9</td>
                                <td style="width: 150px;">user1-349</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                            <tr>
                                <td>10</td>
                                <td style="width: 150px;">user1-329</td>
                                <td style="width: 110px; text-align: right;">25</td>

                            </tr>
                        </tbody>
                    </table>

                    <table id="activities-scoreboard-table-profile"
                        style="width: 100%; top: 0px; left: 0px; z-index: 1; position: absolute; opacity: 0; display: none;">
                        <thead>
                            <tr>
                                <th>Rank</th>
                                <th></th>
                                <th style="text-align: right">Participation</th>
                            </tr>
                        </thead>
                        <tbody>

                            <tr>
                                <td>1</td>
                                <td style="width: 150px; font-weight: bold">Ilima: Lounge E</td>
                                <td style="width: 110px; text-align: right; font-weight: bold">
                                    1%</td>

                            </tr>
                        </tbody>
                    </table>
                </div>
                <div id="scoreboard-cycle-nav">
                    <a href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#" class="">1</a><a
                        href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                        class="activeSlide">2</a><a
                        href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#">3</a><a
                        href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#">4</a>
                </div>
            </div>
        </div>

        <div id="activity-categories">
            <div id="activity-categories-box" class="content-box">
                <div id="activity-categories-title" class="content-box-title">
                    The Smart Grid Game <a
                        href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                        style="float: right"> <img src="./activities_files/icon-help-sm.png"
                        width="20" align="center" title="Click to get help about this window"
                        onclick="toggleHelp(&#39;widget&#39;, &#39;smart-grid-game&#39;); return false;"></a>
                </div>
                <div id="activity-categories-content">


                    <p></p>
                    <table id="activities-grid">
                        <tbody>
                            <tr>
                                <!-- Start header -->

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Get Started</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Basic Energy</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Lights Out!</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Make Watts</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Moving on</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Opala</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Wet and Wild</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Mixed Bag</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                                <td>
                                    <div id="activity-category">
                                        <div class="get-started">
                                            <div class="">
                                                <p></p>
                                                <h5>Creative</h5>
                                            </div>
                                        </div>
                                    </div>
                                </td>

                            </tr>
                            <!-- End header -->
                            <tr>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/intro-video/"
                                                                    title="Intro video"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Intro video


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/cup-secrets/"
                                                                    title="Cup Secrets"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Cup Secrets


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/like-cup/"
                                                                    title="Like Cup"> <br>

                                                                    <h3>5</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/tweet-link/"
                                                                    title="Tweet link"> <br>

                                                                    <h3>5</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/share-link/"
                                                                    title="Share link"> <br>

                                                                    <h3>5</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/door-art/"
                                                                    title="Door Art"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/photo-chain/"
                                                                    title="Photo Chain"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/kickoff-party/"
                                                                    title="Kickoff Party"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/round-1-party/"
                                                                    title="Round 1 Party"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Round 1 Party


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/round-2-party/"
                                                                    title="Round 2 Party"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-1/"
                                                                    title="Cafe Play 1"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/power-energy/"
                                                                    title="Power &amp; Energy">




                                                                    <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Power &amp; Energy


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-intuition/"
                                                                    title="Energy Intuition"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Energy Intuition


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/power-energy-2/"
                                                                    title="Power &amp; Energy 2">


                                                                    <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-intuition-2/"
                                                                    title="Energy Intuition 2">


                                                                    <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-vampires/"
                                                                    title="Turn off vampires"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/off-b4-bed/"
                                                                    title="Off b4 bed"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/limit-tv/"
                                                                    title="Limit TV"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/check-energy/"
                                                                    title="Check energy"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/audit-video/"
                                                                    title="Audit Video"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Audit Video


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/audit-room/"
                                                                    title="Audit Room"> <br>

                                                                    <h3>30</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;power-hogs&#39;,
         
        &#39;Complete room energy audit activity&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/lighting-video/"
                                                                    title="Lighting video"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Lighting video


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/lighting-video-2/"
                                                                    title="Lighting video 2"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/cfl-bulb/"
                                                                    title="CFL swap"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-lights/"
                                                                    title="Turn off lights"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Turn off lights


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/task-lighting/"
                                                                    title="Task lighting"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/use-sunlight/"
                                                                    title="Use sunlight"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/printer-off/"
                                                                    title="Printer off"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/go-unplugged/"
                                                                    title="Pull the plug"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-music/"
                                                                    title="Turn Off Music"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/energy-hunt/"
                                                                    title="Energy Hunt"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;room-energy&#39;,
         
        &#39;Complete room energy audit activity&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-1/"
                                                                    title="Energy Issues"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Energy Issues


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-2/"
                                                                    title="Energy Now"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Energy Now


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-3/"
                                                                    title="HCEI"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    HCEI


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;energy-gen-4&#39;,
         
        &#39;Complete HCEI video activity, and wait for unlock in later round&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-1-2/"
                                                                    title="Energy Issues 2"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Energy Issues 2


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-2-2/"
                                                                    title="Energy Now 2"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-3-2/"
                                                                    title="HCEI 2"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/energy-gen-4-2/"
                                                                    title="Energy Debate 2"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/solar-energy/"
                                                                    title="Solar Energy"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;solar-energy-2&#39;,
         
        &#39;Complete Solar Energy video activity, and wait for Overall Round&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="excursion">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/excursion/wind-farm/"
                                                                    title="Wind Farm"> <br>

                                                                    <h3>30</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/transport-video/"
                                                                    title="Transport Video"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;transport-video-2&#39;,
         
        &#39;Complete Transport video activity&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/use-stairs/"
                                                                    title="Use stairs"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Use stairs


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/car-pool/"
                                                                    title="Car pool"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/take-bus/"
                                                                    title="Take bus"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/walk/"
                                                                    title="Walk &lt; 1 mi"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/design-flashmob/"
                                                                    title="Design Flashmob"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/pedalpalooza/"
                                                                    title="Pedal palooza"> <img
                                                                    src="./activities_files/icon-done.png"
                                                                    width="12" align="left"> <br>
                                                                    Pedal palooza


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-2/"
                                                                    title="Cafe Play 2"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-3/"
                                                                    title="Cafe Play 3"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Cafe Play 3


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/computer-sleep/"
                                                                    title="Computer Sleep"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/trash-video/"
                                                                    title="Trash video"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;trash-video-2&#39;,
         
        &#39;Complete Trash is Treasure video activity, and wait for Overall Round&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/recycle-cans/"
                                                                    title="Recycle cans"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Recycle cans


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/resuable-bag/"
                                                                    title="Resuable bag"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/geo-trek/"
                                                                    title="Geo Trek"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/movie-night/"
                                                                    title="Movie Night"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/recycled-fashion/"
                                                                    title="Recycled Fashion"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="excursion">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/excursion/beach-cleanup/"
                                                                    title="Beach Cleanup"> <br>

                                                                    <h3>30</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="excursion">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/excursion/kokua-market/"
                                                                    title="Kokua Market"> <br>

                                                                    <h3>25</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/swag-game-4/"
                                                                    title="Cafe Play 4"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/food-day/"
                                                                    title="Food Day"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Food Day


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;water-energy&#39;,
         
        &#39;Complete Energy Intuition video activity, and wait for Round 2 to start&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;water-energy-2&#39;,
         
        &#39;Complete Water &amp; Energy video activity&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-water/"
                                                                    title="Turn off sink"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/turn-off-shower/"
                                                                    title="Turn off shower"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/full-load-laundry/"
                                                                    title="Full load laundry"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/cold-laundry/"
                                                                    title="Cold laundry"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/reduce-shower-time/"
                                                                    title="Shorter showers"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/shower-flow/"
                                                                    title="Shower flow"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/sink-flow/"
                                                                    title="Sink Flow"> <br>

                                                                    <h3>15</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/efficient-networking/"
                                                                    title="Your Future"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-4&#39;,
         
        &#39;This square cannot be unlocked (for now)&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/climate-change/"
                                                                    title="Climate change"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;climate-change-2&#39;,
         
        &#39;Complete Climate Change video activity, and wait for Round 2&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="commitment">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/commitment/no-meat/"
                                                                    title="Go meatless"> <br>
                                                                    <h3>5</h3>


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/chillaxation/"
                                                                    title="Chill axation"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/low-energy-eating/"
                                                                    title="Eating Well"> <img
                                                                    src="./activities_files/icon-exclamation2.png"
                                                                    width="12" align="left"> <br>
                                                                    Eating Well


                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/organic-farming/"
                                                                    title="Organic Farming"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="excursion">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/excursion/reppun-farm/"
                                                                    title="Reppun Farm"> <br>

                                                                    <h3>30</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="event">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/event/art-music/"
                                                                    title="Art &amp; Music"> <br>

                                                                    <h3>20</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/no-impact-date/"
                                                                    title="Impactless Date"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/otec-video/"
                                                                    title="OTEC video"> <br>

                                                                    <h3>10</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-5&#39;,
         
        &#39;This square cannot be unlocked (for now)&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                                <td>
                                    <table>

                                        <tbody>
                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/write-poem/"
                                                                    title="Write Poem"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/letter-editor/"
                                                                    title="Letter to Editor"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/make-video/"
                                                                    title="Make Video"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/write-song/"
                                                                    title="Write Song"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/interview/"
                                                                    title="Interview"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/photo-blog/"
                                                                    title="Photo Blog"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/make-art/"
                                                                    title="Make Art"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/design-tshirt/"
                                                                    title="Design Tshirt"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <a
                                                                    href="http://dasha.ics.hawaii.edu:8200/activities/activity/wildcard/"
                                                                    title="Wildcard"> <br>

                                                                    <h3>50</h3>



                                                                </a>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-6&#39;,
         
        &#39;This square cannot be unlocked (for now)&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td width="14">
                                                    <div id="activity-category">
                                                        <div class="activity">
                                                            <div class="">

                                                                <br> <a class="whatever"
                                                                    href="javascript:void(0);">
                                                                    <img
                                                                    src="./activities_files/lock24.png"
                                                                    width="22" align="top"
                                                                    title="Click to see how to unlock"
                                                                    onclick="unlock_dialog(&#39;activity&#39;,&#39;placeholder-7&#39;,
         
        &#39;This square cannot be unlocked (for now)&#39;
        
        )">
                                                                </a>


                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </td>

                            </tr>
                        </tbody>
                    </table>

                    <p></p>
                    <table id="activities-grid-legend">
                        <tbody>
                            <tr>
                                <td colspan="10"><b>Legend:</b></td>
                            </tr>
                            <tr>
                                <td><div class="activity-legend"></div></td>
                                <td width="100">activity</td>
                                <td><div class="commitment-legend"></div></td>
                                <td width="100">commitment</td>
                                <td><div class="event-legend"></div></td>
                                <td width="100">event</td>
                                <td><div class="excursion-legend"></div></td>
                                <td width="100">excursion</td>
                                <td><div class="survey-legend"></div></td>
                                <td width="100">special</td>
                            </tr>
                        </tbody>
                    </table>


                </div>
            </div>
        </div>

    </div>

    <div id="footer"></div>

    <div id="fb-root" class=" fb_reset">
        <div style="position: absolute; top: -10000px; height: 0px; width: 0px;"></div>
    </div>
    
    <div id="unlock-dialog" title="Locked Activity" style="visibility: hidden;">
        <div style="text-align: left">
            <p>
                <b>This activity is locked.</b>
            </p>
            <p>
                To unlock this activity, please do the following: <br>
            </p>
            <div id="depends_on"></div>
            <p></p>
            <center>
                <input type="submit" value="OK"
                    onclick="$(&quot;#unlock-dialog&quot;).dialog(&quot;close&quot;);">
            </center>
        </div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-widget-help-dialog">
        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title" id="ui-dialog-title-widget-help-dialog">Help</span><a
                href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="widget-help-dialog" style="" class="ui-dialog-content ui-widget-content"></div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-dialog">
        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title" id="ui-dialog-title-feedback-dialog">Send Feedback</span><a
                href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-dialog" style="" class="ui-dialog-content ui-widget-content">
            <form id="feedback-form"
                action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/" method="post">
                <div style="display: none">
                    <input type="hidden" name="csrfmiddlewaretoken"
                        value="a24f5c59567f2c177a6fd44ab2ab1de9">
                </div>
                <p>Having issues? Just want to tell us something? Let us know!</p>
                <input id="id_url" type="hidden" name="url" value="">
                <textarea id="id_question" rows="3" cols="53" name="question"></textarea>
                <br> <input id="feedback-submit" type="submit" value="Send"
                    class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled"
                    role="button" aria-disabled="true" disabled=""> <span
                    id="feedback-spinner" style="display: none"> Sending <img
                    src="./activities_files/spinner.gif">
                </span>
            </form>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div>
    </div>
    <div
        style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute;"
        class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"
        tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-success">
        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
            <span class="ui-dialog-title" id="ui-dialog-title-feedback-success">Thank You!</span><a
                href="http://dasha.ics.hawaii.edu:8200/activities/?ref=nav-button#"
                class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
                class="ui-icon ui-icon-closethick">close</span></a>
        </div>
        <div id="feedback-success" style="" class="ui-dialog-content ui-widget-content">
            <p style="text-align: left">Your feedback has been sent to the administrators. If
                you asked a question, they will email you a response as soon as possible.</p>

            <button>OK</button>
        </div>
        <div class="ui-resizable-handle ui-resizable-n"></div>
        <div class="ui-resizable-handle ui-resizable-e"></div>
        <div class="ui-resizable-handle ui-resizable-s"></div>
        <div class="ui-resizable-handle ui-resizable-w"></div>
        <div
            class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se"
            style="z-index: 1001;"></div>
        <div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002;"></div>
        <div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003;"></div>
        <div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004;"></div>
    </div>
    <div id="media_floatingBar" style="position: absolute; left: 877px; top: 14px;">
        <a id="001" title="View Original Image"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_orl.png);"></a><a
            id="002" title="Magnifier"
            style="background-image: url(chrome-extension://fjccknnhdnkbanjilpjddjhmkghmachn/images/floating_bar_zoom.png);"></a>
    </div>
    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="./activities_files/saved_resource" type="text/javascript"></script>
    <script src="./activities_files/format+en,default.I.js" type="text/javascript"></script>
    
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script src="js/cycle.js" type="text/javascript"></script>
</body>
</html>